<template>
  <div class="content">
    <div style="width: 90%;text-align: left;margin-top: 0px;font-size: 14px">坐席工号</div>
    <Input v-model="agentId" placeholder="请输入对方坐席的工号" style="width: 90%;margin-top: 10px"></Input>
    <!--<div style="width: 90%;text-align: left;margin-top: 10px;font-size: 14px">坐席技能</div>-->
    <!--<Select v-model="skill" class="select">-->
      <!--<Option v-for="item in skills" :value="item.value" :key="item.value">{{ item.label }}</Option>-->
    <!--</Select>-->
  </div>
</template>

<script>
    export default {
        name: "Transfer",
      data(){
        return{
          agentId:null,
          skill:'',
          skills: [
            {
              value: '',
              label: '无'
            },
            {
              value: '1',
              label: '查询服务'
            },
            {
              value: '2',
              label: '办卡服务'
            },
            {
              value: '3',
              label: '贷款服务'
            },
            {
              value: '4',
              label: '高级服务'
            }
          ],
        }
      }
    }
</script>

<style scoped>

  .content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

    width:550px;
    height:120px;
    background:rgba(255,255,255,1);
    box-shadow:5px 7px 49px 5px rgba(44,137,234,0.13);
  }

  .select{
    width: 90%;
    margin-top: 10px;
  }

</style>
